cody - HTMLify profile
cody
4270 Files
634365 Views
Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/72 - Typing Platform
Readme.txt
cody/swapnilsparsh/30DaysOfJavaScript/72 - Typing Platform/Readme.txt
Hello this my Project That is typeracer which is basically typing platform where users get to know
about their accuracy of typing. I just tried to implement (monkeytype) and made a web application
that is fonkeytype
To open project.
To open project one should view this project while it is hosted as I haved faked backend using json
So please view this project in Hosted form
You'll get the hosted link below
about their accuracy of typing. I just tried to implement (monkeytype) and made a web application
that is fonkeytype
To open project.
To open project one should view this project while it is hosted as I haved faked backend using json
So please view this project in Hosted form
You'll get the hosted link below
backend.json
cody/swapnilsparsh/30DaysOfJavaScript/72 - Typing Platform/backend.json
{
"data":"random paragraphs",
"paragraphs":["He lifted the bottle to his lips and took a sip of the drink. He had tasted this before, but he couldn't quite remember the time and place it had happened. He desperately searched his mind trying to locate.","It was a scrape that he hardly noticed. Sure, there was a bit of blood but it was minor compared to most of the other cuts and bruises he acquired on his adventures. There was no way he could know that.","The cab arrived late. The inside was in as ba
"data":"random paragraphs",
"paragraphs":["He lifted the bottle to his lips and took a sip of the drink. He had tasted this before, but he couldn't quite remember the time and place it had happened. He desperately searched his mind trying to locate.","It was a scrape that he hardly noticed. Sure, there was a bit of blood but it was minor compared to most of the other cuts and bruises he acquired on his adventures. There was no way he could know that.","The cab arrived late. The inside was in as ba
texs.png
cody/swapnilsparsh/30DaysOfJavaScript/72 - Typing Platform/texs.png
Media file
style.css
cody/swapnilsparsh/30DaysOfJavaScript/72 - Typing Platform/style.css
body{
height: 100vh;
margin: 0px;
font-size: 16px;
background-color: #191826;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0px;
font-size: 16px;
background-color: #191826;
display: flex;
align-items: center;
justify-content: center;
file.txt
cody/swapnilsparsh/30DaysOfJavaScript/72 - Typing Platform/file.txt
<img src="https://img.icons8.com/ios-filled/50/4a90e2/keyboard.png"/>
<img src="https://img.icons8.com/ios-glyphs/30/4a90e2/crown.png"/>
<img src="https://img.icons8.com/material-outlined/24/4a90e2/settings--v1.png"/>
<img src="https://img.icons8.com/ios-glyphs/30/4a90e2/user.png"/>
<img src="https://img.icons8.com/ios-filled/50/4a90e2/restart--v1.png"/>
<img src="https://img.icons8.com/ios-glyphs/30/4a90e2/source-code.png"/>
<img src="https://img.icons8.com/ios-glyphs/30/4a90e2/crown.png"/>
<img src="https://img.icons8.com/material-outlined/24/4a90e2/settings--v1.png"/>
<img src="https://img.icons8.com/ios-glyphs/30/4a90e2/user.png"/>
<img src="https://img.icons8.com/ios-filled/50/4a90e2/restart--v1.png"/>
<img src="https://img.icons8.com/ios-glyphs/30/4a90e2/source-code.png"/>
Typing Platform
cody/swapnilsparsh/30DaysOfJavaScript/72 - Typing Platform/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>monkeytype</title>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>monkeytype</title>
script.js
cody/swapnilsparsh/30DaysOfJavaScript/72 - Typing Platform/script.js
const SectionElement=document.querySelector('.section');
const world=document.querySelector('body');
const restart=document.querySelector('.restart');
const timerdis=document.querySelector('.typingspeed');
let count=0;
let bug;
let timming=45;
let html;
const world=document.querySelector('body');
const restart=document.querySelector('.restart');
const timerdis=document.querySelector('.typingspeed');
let count=0;
let bug;
let timming=45;
let html;